body {
	background-color: linen;
}

h1 {
	font-family: sans-serif;
}

h2, h3, h4 {
	font-family: sans-serif;
}

p {
	font-family: verdana, sans-serif;
	font-size: 16px;
}

#header-part {
	background-image: url("./images/photos/div/headerimage.jpg");
	background-position: center;
	text-align: center;
	color: white;
	font-style: italic;
	padding: 5em;
}

#footer-part {
	background-color: rgb(232, 232, 232);
	padding: 6px;
	text-align: center;
	clear: both;
	font-size: 12px;
}

#home {
	position: fixed;
	right:10px;
	bottom: 10px;
	width: 100px;
	background: #d6d6d6;
	border: 2px solid grey;
	margin: 20px;	
	padding:10px;
	text-align: center;
}

.main-frame {
	float: left;
	width:90%;
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

.pyssel-foto {
	width:70px;
	border: 4px ridge rgb(204, 204, 204);
}

.rotate90 {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#buttons a:link, #home a:link, #buttons a:visited, #home a:visited{
	text-decoration: none;
	color: #007399;
}

#buttons a:hover, #buttons a:active, #home a:hover, #home a:active {
	text-decoration: none;
	color: #0099cc;
}

#buttons {
	float: left;
	width: 200px;
	margin: 20px;
	background: #dddddd;
	border: 2px solid white;
}

#button-E {
	position:relative;
	top: 10px;
	left:10px;
	width: 90px;
	background: #d6d6d6;
	border: 2px solid grey;
	padding: 10px;
	text-align: center;
}

#button-K {
	position:relative;
	top:20px;
	left:40px;
	width: 90px;
	background: #d6d6d6;
	border: 2px solid grey;
	padding: 10px;
	text-align: center;
}

#button-M {
	position:relative;
	top:10px;
	left:70px;
	width: 90px;
	background: #d6d6d6;
	border: 2px solid grey;
	padding: 10px;
	text-align: center;
	z-index:1;
}

#button-J {
	position:relative;
	left:10px;
	width: 90px;
	background: #d6d6d6;
	border: 2px solid grey;
	padding: 10px;
	margin:3px;
	text-align: center;
}

#contact-info {
	float: left;
	width: 200px;
	margin: 20px;
	background: #dddddd;
	border: 2px solid white;
	padding: 10px;
}

#pyssel {
	float: left;
	margin: 60px;
	background: #dddddd;
	border: 2px solid white;
	padding: 10px;
}

#hall {
	float: left;
	margin: 60px;
	background: #dddddd;
	border: 2px solid white;
	padding: 10px;
}

#jacob-top {
	margin: 20px;
	background: #dddddd;
	border: 2px dotted white;
	padding: 10px;
}

#jacob-1 {
	float: left;
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#jacob-2 {
	float: right;
	width: 200px;
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#maria-top {
	margin: 20px;
	background: #dddddd;
	border: 2px dotted white;
	padding: 10px;
}

#maria-1 {
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}
#maria-2 {
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#maria-3 {
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#klara-top {
	margin: 20px;
	background: #dddddd;
	border: 2px dotted white;
	padding: 10px;
}

#klara-1 {
	float: left;
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#klara-2 {
	float: right;
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#erik-top {
	margin: 20px;
	background: #dddddd;
	border: 2px dotted white;
	padding: 10px;
}

#erik-1 {
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}

#erik-2 {
	margin: 20px;
	background-color: rgb(232, 232, 232);
	border: 2px solid white;
	padding: 10px;
}